﻿using System;
using System.Collections.Generic;
using System.Text;

namespace Ace.Web.ViewTag

{
    public class VueComponentTmplate
    {
        /// <summary>
        /// 参数1：columns,表格字段定义，默认为mainTableConfig.columns
        /// 参数2：tableData,表格数据，默认为mainTableConfig.tableData
        /// 参数3：RowClick,表格的点击事件，默认为mainRowClick
        /// 参数4：sortChange,表格的排序事件，默认为sortChange
        /// 参数5：PageChange,表格的页码变更事件，默认为mainPageChange
        /// 参数6：PageSizeChange,表格的单页条数变更事件，默认为mainPageSizeChange
        /// 参数7：TotalCount,表格的总条数，默认为mainTotalCount
        /// 参数8：pageSize,单页条数，默认为pageSize
        /// 参数8：PageIndex,当前页号，默认为mainPageIndex
        /// </summary>
      public  static string masterVueTable = @"  
            <v-table is-vertical-resize
                     :vertical-resize-offset='60'
                     is-horizontal-resize
                     style=""width:100%""
                     :multiple-sort=""false""
                     :min-height=""550""
                     even-bg-color=""#f2f2f2""
                     :columns=""{0}""
                     :table-data=""{1}""
                     row-hover-color=""#eee""
                     row-click-color=""#edf7ff""
                     :row-click=""{2}""
                     v-on:sort-change=""{3}""
                     :paging-index=""({8}-1)*{7}""></v-table>

            <div class=""mt20 mb20 bold""></div>
            <v-pagination v-on:page-change=""{4}"" v-on:page-size-change=""{5}"" :total=""{6}"" :page-size=""{7}"" :layout=""['total', 'prev', 'pager', 'next', 'sizer', 'jumper']""></v-pagination>
       ";
        /// <summary>
        /// 参数1：绑定的字段名
        /// 参数2：是否可编辑
        /// 参数3：提示信息
        /// </summary>
        public static string vueFormInputEditor = @"<el-input v-model=""{0}"" :disabled=""{1}"" placeholder=""{2}"" style=""width:200px""></el-input>";
        /// <summary>
        /// 参数1：对话框的标题
        /// 参数2：占用宽度(px)
        /// 参数3：表单的内容（行列及按钮）
        /// </summary>
        public static string mainVueFormTitle = @"<el-dialog title=""{0}"" :visible=""mainDialog.IsShow""
           v-on:close='mainDialog.Close' v-on:open=""""
           v-loading=""mainDialog.loading"" width=""{1}"">
    <el-form :model=""mainDialog.EditModel""> 
{2}
</el-form></el-dialog>

";
        /// <summary>
        /// 参数1：字段标题
        /// 参数2：绑定的字段名
        /// 参数3：占用的栅格列数(总24列）
        /// 参数4：输入控件信息
        /// </summary>
        public static string vueFormCol = @"
 <el-col :span=""{2}"">
                <el-form-item label=""{0}"" prop=""{1}"">
                    {3}
                </el-form-item>
            </el-col>
";
        /// <summary>
        /// 参数1：行gutter参数，栏与栏之间的间隔
        /// 参数2：一行多列的内容
        /// </summary>
        public static string vueFormRow = @"  <el-row :gutter=""{0}"">{1}</el-row>";

        public static string vueScript = @"";
    }
}
